article, .main {
   padding:10px 20px;
   color:#000;
   background:#fff;
}
.main a,
.main label
{
   color:#00ADEE;
}
article form input[type=text],
.main form input[type=text],
article form input[type=password],
.main form input[type=password],
article form input[type=email],
.main form input[type=email],
article form select,
.main form select,
article form textarea,
.main form textarea
{
   display:block;
   margin:2px auto;
   padding:2px 5px;
   width:200px;
   height:30px;
   line-height:35px;
}
article form textarea,
.main form textarea
{
   width:90%;
   height:120px;
}
/* Inputs beside labels */
article form label + input[type=text],
.main form label + input[type=text],
article form label + input[type=password],
.main form label + input[type=password],
article form label + input[type=email],
.main form label + input[type=email],
article form label + select,
.main form label + select,
article form label + textarea,
.main form label + textarea
{
   display:inline-block;
}
article form label input[type=text],
.main form label input[type=text],
article form label input[type=password],
.main form label input[type=password],
article form label input[type=email],
.main form label input[type=email],
article form label select,
.main form label select,
article form label textarea,
.main form label textarea
{
   margin:0;
   width:415px;
}
.main form label,
article form label
{
   display:inline-block;
   text-transform:uppercase;
   cursor:pointer;
   text-align:left;
   margin:10px 0px 10px 5%;
}
article form input[type=text],
.main form input[type=text],
article form input[type=password],
.main form input[type=password],
article form input[type=email],
.main form input[type=email]
{
   width:60%;
}
article form select,
.main form select
{
   height:25px;
}
article form,
.main form,
article h1 ~ form,
.main h1 ~ form
{
   display:block;
   margin:10px auto;
   width:450px;
   padding:20px 40px;
   border: 1px solid #ddd;
   border-radius: 10px;
   text-align:center;
}
article form table,
.main form table
{
   margin:0;
}
article form input[type=submit],
.main form input[type=submit],
article form button[type=submit],
.main form button[type=submit]
{
   background-color: #00ADEE;
   border-color: #888888;
   border-radius: 10px 10px 10px 10px;
   border-style: solid;
   border-width: 1px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
   color: #FFFFFF;
   display:inline-block;
   font-family: 'Droid Serif',Georgia,"Times New Roman",Times,serif;
   font-size: 14px;
   height: 35px;
   min-width: 30%;
   letter-spacing: 2px;
   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
   text-transform: uppercase;
}

/* buttons beside each other */
article form input[type=submit] + input[type=submit],
.main form input[type=submit] + input[type=submit],
article form input[type=submit] + button,
.main form input[type=submit] + button,
article form button + input[type=submit],
.main form button + input[type=submit],
article form button + button,
.main form button + button
{
   margin-left:0px;
}

article form input[type=text],
.main form input[type=text],
article form input[type=password],
.main form input[type=password],
article form input[type=email],
.main form input[type=email],
article form select,
.main form select,
article form input[type=submit],
.main form input[type=submit],
article form button,
.main form button
{
   cursor: pointer;
   margin: 10px auto;
}

/**
 * Header Titles
 */
article h1,
.main h1,
article h2,
.main h2,
article h3,
.main h3,
article h4,
.main h4,
article h5,
.main h5,
article h6
.main h6
{
   color:#BF4930;
   font-size:16px;
   font-family:'Droid Serif',Georgia,"Times New Roman",Times,serif;
   text-transform:uppercase;
   margin:10px 4px 2px;
   font-weight:normal;
   text-shadow: 0.05em 0.05em 0.02em #ccc;
}
article form h1,
.main form h1,
article form h2,
.main form h2,
article form h3,
.main form h3,
article form h4,
.main form h4,
article form h5,
.main form h5,
article form h6,
.main form h6
{
   text-align:center;
}

/* Temporary also include main h1 */
article h1,
.main h1
{
   color:#FF2C00;
   font-size:26px;
   text-align:left;
   margin-left:0px;
   margin-top:20px;
}
article h2,
.main h2
{
   margin-left:10px;
   margin-top:20px;
}
article h3,
.main h3
{
   margin-left:15px;
   color:#000;
   font-family:verdana;
   font-size:10px;
   font-weight:bold;
}
article h4,
.main h4
{
   margin-left:20px;
}
article h5,
.main h5
{
   margin-left:25px;
}
article h6,
.main h6
{
   margin-left:30px;
}
article form h2,
.main form h2
{
   text-align:center;
}
article h1 ~ div,
.main h1 ~ div,
article h1 ~ ul,
.main h1 ~ ul,
article h1 ~ dl,
.main h1 ~ dl,
article h1 ~ p,
.main h1 ~ p,
article h1 ~ h2,
.main h1 ~ h2,
article h1 ~ h3,
.main h1 ~ h3,
article h1 ~ h4,
.main h1 ~ h4,
article h1 ~ h5,
.main h1 ~ h5,
article h1 ~ h6,
.main h1 ~ h6
{
   margin-left:5px;
}

article h2 ~ div,
.main h2 ~ div,
article h2 ~ ul,
.main h2 ~ ul,
article h2 ~ dl,
.main h2 ~ dl,
article h2 ~ p,
.main h2 ~ p,
article h2 ~ h3,
.main h2 ~ h3,
article h2 ~ h4,
.main h2 ~ h4,
article h2 ~ h5,
.main h2 ~ h5,
article h2 ~ h6,
.main h2 ~ h6
{
   margin-left:10px;
}

article h3 ~ div,
.main h3 ~ div,
article h3 ~ ul,
.main h3 ~ ul,
article h3 ~ p,
.main h3 ~ p,
article h3 ~ dl,
.main h3 ~ dl,
article h3 ~ h3,
.main h3 ~ h3,
article h3 ~ h4,
.main h3 ~ h4,
article h3 ~ h5,
.main h3 ~ h5,
article h3 ~ h6,
.main h3 ~ h6
{
   margin-left:15px;
}

article h4 ~ div,
.main h4 ~ div,
article h4 ~ ul,
.main h4 ~ ul,
article h4 ~ p,
.main h4 ~ p,
article h4 ~ h3,
.main h4 ~ h3,
article h4 ~ h4,
.main h4 ~ h4,
article h4 ~ h5,
.main h4 ~ h5,
article h4 ~ h6,
.main h4 ~ h6
{
   margin-left:15px;
}

article h1 ~ p,
.main h1 ~ p,
article h2 ~ p,
.main h2 ~ p,
article h3 ~ p,
.main h3 ~ p,
article h4 ~ p,
.main h4 ~ p,
article h5 ~ p,
.main h5 ~ p,
article h6 ~ p,
.main h6 ~ p
{
   margin-top:0px;
   margin-bottom:0px;
}


article .error_message,
.main .error_message,
article form label.error,
.main form label.error
{
   color:red;
   font-weight:bold;
   display:block;
   text-align:center;
}
article form label.error,
.main form label.error
{
   margin:0;
   padding:0;
}

article thead th.search form,
.main thead th.search form
{
   background:transparent;
   width:auto;
   border-style:none;
   margin:0;
   padding:0;
}

article thead th.search form input[type=text],
.main thead th.search form input[type=text],
article thead th.search form select,
.main thead th.search form select
{
   width:200px;
}
article thead th.search form input[type=text],
.main thead th.search form input[type=text],
article thead th.search form select,
.main thead th.search form select,
article thead th.search form button,
.main thead th.search form button,
article thead th.search form input[type=submit],
.main thead th.search form input[type=submit]
{
   margin:0;
   padding:0;
   display:inline;
   height:28px;
}
article thead th.search form select,
.main thead th.search form select
{
   height:26px;
}

/**
 * Lists
 */
article ol,
.main ol,
article ul,
.main ul
{
   list-style:none;
   padding-left:20px;
}
article ul ul,
.main ul ul,
article ul ol,
.main ul ol,
article ol ul,
.main ol ul,
article ol ol,
.main ol ol
{
   border-top:1px solid #eee;
   padding-bottom:5px;
}
article ul li,
.main ul li,
article ol li,
.main ol li
{
   padding-bottom: 0.5em;
   padding-top: 0.5em;
}

article ul > li:before,
.main ul > li:before,
article ol > li:before,
.main ol > li:before
{
   color:#00ADEE;
   margin-right:5px;
   margin-left:5px;
   font-weight:bold;
}
article ul > li:before,
.main ul > li:before
{
   content:'\25A0';
   color:#FF2C00;
   text-shadow:0 0 2px;
}
article ol,
.main ol
{
   counter-reset: item;
}
article ol > li:before,
.main ol > li:before
{
   content: counter(item) ". ";
   counter-increment: item;
   text-shadow:0.5px 0.5px 0.08px #999;
}